<template>
	<div class="header" v-if="api">
		<el-form class="head" :model="api" size="medium" label-position="left" label-width="80px">
			<formUrl :info="api.info"></formUrl>
			<el-form-item label="简介">
				<span>{{api.info.explain}}</span>
			</el-form-item>
			<el-form-item label="版本">
				<span>{{api.info.version}}</span>
			</el-form-item>
			<el-form-item label="更新时间">
				<span>{{api.info.lastUpdate}}</span>
			</el-form-item>
		</el-form>
	</div>
</template>

<script>
	import formUrl from './url.vue'
	export default {
		components: {
			formUrl
		},
		props: {
			api: {
				type: Object,
			},
			apis: {
				type: Array,
			},
		},
		model: ["api"],
		data() {
			return {

			}
		},
		methods: {

		}
	};
</script>

<style scoped>
	.header {}

	.head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
</style>
